<template>
	<view class="movie-card animated fadeIn faster">
		<view class="movie-card-top position-relative">
			<image class="movie-card-cover rounded-lg" src="/static/demo/list3/1.webp" mode="aspectFill"></image>
			<view class="movie-card-info text-white px-1 position-absolute">
				<text class="font-md iconfont iconbofangshu"></text>
				<text class="ml-1">206.3万</text>
			</view>
		</view>
		<view class="mt-1">隋唐英雄</view>
	</view>
</template>

<script>
	export default {
		name: "movie-card"
	}
</script>

<style lang="scss">
	.movie-card {
		width: 210rpx;
		margin: 15rpx;
		.movie-card-top {
			width: 210rpx;
			height: 284rpx;
		}
		.movie-card-cover {
			width: 210rpx;
			height: 284rpx;
		}
		.movie-card-info {
			left: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(0, 0, 0, 0.05);
		}
	}
</style>